<template>
    <div>
        <router-link :to="{name:'course.js'}"><span>JavaScript课程</span></router-link>
        <router-link :to="{name:'course.vue'}"><span>Vue课程</span></router-link>
        <hr/>
        <router-view></router-view>
    </div>
</template>
<script>
    export default {
        data(){
            return {

            }
        }
    }
</script>
<style scoped>
    span{
    	display: inline-block;
    	height: 50px;
    	width: 150px;
    	padding: 10px;
    }
</style>